【krpano】BGMを流す

パノラマを開くとBGMが流れるようにする方法。

【使用するファイル】
xmlファイル
pluginsフォルダ（soundinterface.jsとsoundinterface.swf）
音楽ファイル（sample.mp3）
再生停止用画像（soundonoff.png）

※音楽ファイルはsoundフォルダに入れる
※再生停止用画像はimgフォルダに入れる
※soundフォルダとpluginsフォルダ、imgフォルダはxmlと同じ階層にする

【基本コード】

 <plugin name="soundinterface"
url="plugins/soundinterface.swf"
alturl="plugins/soundinterface.js"
rootpath=""
preload="true"
keep="true"
  />

<events name="currentpano"
 onnewpano="playsound(bgsnd, 'sound/sample.mp3', 0);" 
onremovepano="stopsound(bgsnd);"
  />
	

<plugin name="snd"
url="img/soundonoff.png"
align="leftbottom"
x="10"
y="10"
alpha="0.25"
scale="1.0" 
onover="tween(alpha,1);" 
onout="tween(alpha,0.25);" 
crop="0|0|50|50"
onclick="switch(soundinterface.mute); switch(crop, 0|0|50|50, 0|50|50|50);"
 />

【基本コード解説】

音楽を流すためのプラグインの記述
 <plugin name="soundinterface"
url="plugins/soundinterface.swf"
alturl="plugins/soundinterface.js"
rootpath=""
preload="true"
keep="true"
  />

パノラマ読み込み時に音楽を流す記述
<events name="currentpano"
 onnewpano="playsound(bgsnd, 'sound/sample.mp3', 0);"  //音楽ファイルの指定
onremovepano="stopsound(bgsnd);" //パノラマから離れると音楽を停止
  />
	
再生停止用ボタンの記述　
画像はkrpanoのデフォルト画像を使用
<plugin name="snd"
url="img/soundonoff.png"
align="leftbottom"　//基本の位置
x="10" //横の位置
y="10"　//縦の位置
alpha="0.25"　//透明度
scale="1.0"  //サイズ　1.0で等倍
onover="tween(alpha,1);"  //マウスオン時の設定
onout="tween(alpha,0.25);" //マウスを外した時の設定
crop="0|0|50|50" //トリミングの設定
onclick="switch(soundinterface.mute); switch(crop, 0|0|50|50, 0|50|50|50);" 
//クリックした時のトリミングの設定
 />


【実例】

<krpano version="1.16">

<include url="skin/defaultskin.xml" />

<events onresize="fixaspectresize(16,9);" />

<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />
　　
<preview url="mukogawa1.tiles/preview.jpg" />

<plugin name="soundinterface"
url="plugins/soundinterface.swf"
alturl="plugins/soundinterface.js"
rootpath=""
preload="true"
keep="true"
/>

<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>

<events name="currentpano"
onnewpano="playsound(bgsnd, 'sample.mp3', 0);"
onremovepano="stopsound(bgsnd);"
/>

</krpano>